<template>
  <div>
    <div class="center">
      <div class="store_banner">
        <div class="store_title">
          <h1>宠物商城</h1>
          <ul>
            <li><a href="">热销单品</a></li>
            <li><a href="">新品尝鲜</a></li>
            <li><a href="">猫粮</a></li>
            <li><a href="">犬粮</a></li>
            <li><a href="">冻干零食</a></li>
            <li><a href="">肉类零食</a></li>
          </ul>
        </div>
        <div class="store_banner_img">
          <img src="/img/banner01.webp" alt="" />
        </div>
      </div>
      <div class="store_first_floor">
        <div class="first_floor_title">
          <h1>热销单品</h1>
          <p>精选爆款，热销推荐</p>
        </div>
        <div class="first_floor_content">
          <div class="pet_product_list">
            <div class="cat_list">
              <a href="./pet_goods_detail.html">
                <img src="/img/rexiao01.webp" alt="" />
              </a>
              <div>
                <a href="./pet_goods_detail.html">
                  <h4>每一口都有八种肉，全价猫粮</h4>
                </a>
                <span><span>￥</span>88<span></span></span>
                <hr />
                <div><p>多肉零谷物，升级低便臭配方</p></div>
              </div>
            </div>
            <div class="cat_list">
              <a href="#">
                <img src="/img/rexiao02.webp" alt="" />
              </a>
              <div>
                <a href="./pet_goods_detail.html">
                  <h4>快速吸水，2毫米豆腐猫砂 绿茶味 2.6千克</h4>
                </a>
                <span><span>￥</span>188<span></span></span>
                <hr />
                <div><p>多肉零谷物，升级低便臭配方</p></div>
              </div>
            </div>
            <div class="cat_list">
              <a href="#">
                <img src="/img/rexiao03.webp" alt="" />
              </a>
              <div>
                <a href="./pet_goods_detail.html">
                  <h4>还原猫咪排泄天性，进口膨润土砂 6千克</h4>
                </a>
                <span><span>&yen;</span>32<span></span></span>
                <hr />
                <div><p>多肉零谷物，升级低便臭配方</p></div>
              </div>
            </div>
            <div class="cat_list">
              <a href="#">
                <img src="/img/rexiao04.webp" alt="" />
              </a>
              <div>
                <a href="./pet_goods_detail.html">
                  <h4>多重口味，清煮肉罐（猫） 85克*12罐</h4>
                </a>
                <span><span>￥</span>59<span></span></span>
                <hr />
                <div><p>多肉零谷物，升级低便臭配方</p></div>
              </div>
            </div>
            <div class="cat_list">
              <a href="#">
                <img src="/img/rexiao05.webp" alt="" />
              </a>
              <div>
                <a href="./pet_goods_detail.html">
                  <h4>全面助力发育，全价幼猫粮（阶段）1.8千克</h4>
                </a>
                <span><span>￥</span>132<span></span></span>
                <hr />
                <div><p>多肉零谷物，升级低便臭配方</p></div>
              </div>
            </div>
            <div class="cat_list">
              <a href="#">
                <img src="/img/rexiao06.webp" alt="" />
              </a>
              <div>
                <a href="./pet_goods_detail.html">
                  <h4>可爱健康不要胖，全价成猫粮（阶段）</h4>
                </a>
                <span><span>￥</span>234<span></span></span>
                <hr />
                <div><p>多肉零谷物，升级低便臭配方</p></div>
              </div>
            </div>
            <div class="cat_list">
              <a href="#">
                <img src="/img/rexiao07.webp" alt="" />
              </a>
              <div>
                <a href="./pet_goods_detail.html">
                  <h4>定制专属配方，全价中大型犬犬粮 2千克</h4>
                </a>
                <span><span>￥</span>324<span></span></span>
                <hr />
                <div><p>多肉零谷物，升级低便臭配方</p></div>
              </div>
            </div>
            <div class="cat_list">
              <a href="#">
                <img src="/img/rexiao08.webp" alt="" />
              </a>
              <div>
                <a href="./pet_goods_detail.html">
                  <h4>定制配方，专属营养，全价小型犬犬粮</h4>
                </a>
                <span><span>￥</span>235<span></span></span>
                <hr />
                <div><p>多肉零谷物，升级低便臭配方</p></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="store_second_floor">
        <div class="second_floor_title">
          <h1>新品尝鲜</h1>
          <p>新品抢先购</p>
        </div>
        <div class="second_floor_content">
          <div class="pet_product_list">
            <div class="cat_list">
              <a href="./pet_goods_detail.html">
                <img src="/img/rexiao01.webp" alt="" />
              </a>
              <div>
                <a href="./pet_goods_detail.html">
                  <h4>每一口都有八种肉，全价猫粮</h4>
                </a>
                <span><span>￥</span>88<span></span></span>
                <hr />
                <div><p>多肉零谷物，升级低便臭配方</p></div>
              </div>
            </div>
            <div class="cat_list">
              <a href="#">
                <img src="/img/rexiao02.webp" alt="" />
              </a>
              <div>
                <a href="./pet_goods_detail.html">
                  <h4>快速吸水，2毫米豆腐猫砂 绿茶味 2.6千克</h4>
                </a>
                <span><span>￥</span>188<span></span></span>
                <hr />
                <div><p>多肉零谷物，升级低便臭配方</p></div>
              </div>
            </div>
            <div class="cat_list">
              <a href="#">
                <img src="/img/rexiao03.webp" alt="" />
              </a>
              <div>
                <a href="./pet_goods_detail.html">
                  <h4>还原猫咪排泄天性，进口膨润土砂 6千克</h4>
                </a>
                <span><span>&yen;</span>32<span></span></span>
                <hr />
                <div><p>多肉零谷物，升级低便臭配方</p></div>
              </div>
            </div>
            <div class="cat_list">
              <a href="#">
                <img src="/img/rexiao04.webp" alt="" />
              </a>
              <div>
                <a href="./pet_goods_detail.html">
                  <h4>多重口味，清煮肉罐（猫） 85克*12罐</h4>
                </a>
                <span><span>￥</span>59<span></span></span>
                <hr />
                <div><p>多肉零谷物，升级低便臭配方</p></div>
              </div>
            </div>
            <div class="cat_list">
              <a href="#">
                <img src="/img/rexiao05.webp" alt="" />
              </a>
              <div>
                <a href="./pet_goods_detail.html">
                  <h4>全面助力发育，全价幼猫粮（阶段）1.8千克</h4>
                </a>
                <span><span>￥</span>132<span></span></span>
                <hr />
                <div><p>多肉零谷物，升级低便臭配方</p></div>
              </div>
            </div>
            <div class="cat_list">
              <a href="#">
                <img src="/img/rexiao06.webp" alt="" />
              </a>
              <div>
                <a href="./pet_goods_detail.html">
                  <h4>可爱健康不要胖，全价成猫粮（阶段）</h4>
                </a>
                <span><span>￥</span>234<span></span></span>
                <hr />
                <div><p>多肉零谷物，升级低便臭配方</p></div>
              </div>
            </div>
            <div class="cat_list">
              <a href="#">
                <img src="/img/rexiao07.webp" alt="" />
              </a>
              <div>
                <a href="./pet_goods_detail.html">
                  <h4>定制专属配方，全价中大型犬犬粮 2千克</h4>
                </a>
                <span><span>￥</span>324<span></span></span>
                <hr />
                <div><p>多肉零谷物，升级低便臭配方</p></div>
              </div>
            </div>
            <div class="cat_list">
              <a href="#">
                <img src="/img/rexiao08.webp" alt="" />
              </a>
              <div>
                <a href="./pet_goods_detail.html">
                  <h4>定制配方，专属营养，全价小型犬犬粮</h4>
                </a>
                <span><span>￥</span>235<span></span></span>
                <hr />
                <div><p>多肉零谷物，升级低便臭配方</p></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>
<style scoped src="../assets/css/petstore.css">
</style>
